<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>API TEXT MAKER</title>
<script src="__STATIC__/jquery-2.0.3.min.js" type="text/javascript"></script>
<style type="text/css">
ul {
	list-style: none;
}
ul label {
	width: 100px;
	display: block;
	float: left;
	text-align: right;
	margin-right: 10px;
}
li {
	line-height: 30px;
	clear: both;
}
</style>
</head>
<body>
<form action="__SELF__" method="get" accept-charset="utf-8">
	<ul>
		<li><label>CMD</label><input type="text" name="cmd" value=""></li>
		<li><label>UID</label><input type="text" name="uid" value=""></li>
		<li><label>ID</label><input type="text" name="id" value=""></li>
		<li><label>USERNAME</label><input type="text" name="username" value=""></li>
		<li><label>PASSWORD</label><input type="text" name="password" value=""></li>
		<li><label>NICKNAME</label><input type="text" name="nickname" value=""></li>
		<li><label>&nbsp;</label><input type="submit" id="make" value="MAKE"></input></li>
	</ul>
</form>

<form action="__SELF__" method="get" accept-charset="utf-8">
	<ul>
		<li><textarea name="" id="data2" style="width:300px;height:100px;"></textarea></li>
		<li><label>&nbsp;</label><input type="submit" id="make2" value="MAKE"></input></li>
	</ul>
</form>
<script type="text/javascript">
$("#make").click(function(evt){
	evt.preventDefault();
	var query = $("form").serialize();
	$.post("__SELF__", {data:query}, function(data){
		if (data) {
			$("#show").val(data)
		};
	});
});
$("#make2").click(function(evt){
	evt.preventDefault();
	var query = $("#data2").val();
	$.post("__SELF__", {data:query}, function(data){
		if (data) {
			$("#show").val(data)
		};
	});
});
</script>
<textarea name="" id="show" style="width:300px;height:100px;"></textarea>

</body>
</html>